{% extends "base.html" %} 
{% load i18n %}
{% block app_css %}
<link href="/static/css/profile.css" type="text/css" rel="stylesheet" />
{% endblock %}
{% block app_js %}
<script src="/static/js/profile.js" type="text/javascript"></script>
{% endblock %}
{% block container%}
<div id="settings">
  <h1>{% blocktrans with user.username as username %}settings for {{username}} {% endblocktrans %}</h1>
  <form method='POST' action="{% url glowdrop.accounts.views.profile %}" enctype='multipart/form-data' target="invisible_iframe">
    <div>
      <label for="email" ><h2>{% trans 'email' %}:</h2></label>
      <input id="email" name="email"/>
    </div>
    <div id="avatar">
      <label><h2>{% trans 'avatar' %}:</h2></label>
      <img id="avatar" border="0" />
      {% trans "upload new image" %}:
      <input type="file" id="new-image" name="new-image" />
    </div>
    <div id="bio">
      <label for="bio"><h2>{% trans 'bio(in 140 chars)' %}:</h2></label>
      <textarea rows="3" cols="70" name="bio"></textarea>
    </div>
    <input id="submit" type="submit" value="{% trans 'submit' %}" />
    <input id="reset" type="button" value="{% trans 'reset' %}" />
  </form>
    <iframe name="invisible_iframe" style='display:none'></iframe>
</div>
{% endblock %}

